.h12{ width:1200px; margin:0 auto;}

.pubtb60p{ padding-top:70px; padding-bottom:70px;}

.hmain1{ background:#f6f9fa;}

.hpubh2{font-size:22px;line-height:1.6;color: #004798;text-align: center; letter-spacing:2px;}

.vat{ vertical-align:top;}

.w12{ max-width:1460px;}

.wap_show{display:none;}





.hmain1m{ position:relative;}

.hmain1m img{ vertical-align:top; width:100%; position:relative;top:0;}

.hmain1m{ width:592px; overflow:hidden;cursor: pointer;}

.hmain1tit{ position:absolute; width:100%; z-index:5; left:0;top:75px; text-align:center; color:#fff; }

.hmain1tit span{ font-size:12px; display:block; padding-bottom:5px;}

.hmain1tit p{font-size:22px; letter-spacing:2px;}

.hmain1btn{ color:#fff; position:absolute; width:100%;left:0; bottom:0; height:80px; line-height:80px; padding:0 60px; box-sizing:border-box; z-index:6; font-size:16px;}

.hmain1btn:before{width:100%; height:0; position:absolute; content:'';left:0;bottom:0; background:#fff; opacity:0;}

.hmain1btn span{ position:relative; z-index:3;}

.hmain1btn i,.hmain1tit i{ position:absolute; width:36px; height:100%;right:36px;top:0; z-index:3;}

.hmain1tit i{position:relative;right: 0; display: none;}

.hmain1btn i:before,.hmain1tit i{ background:url(../images/icon002.png) center no-repeat; }

.hmain1btn i:after{ background:url(../images/icon001.png) center no-repeat;opacity:0;}

.hmain1btn i:before,.hmain1btn i:after{ width:100%; height:100%; position:absolute; content:'';left:0;top:0; background-size:100% auto;}

.hmain1m:hover .hmain1btn i:before{ opacity:0;}

.hmain1m:hover .hmain1btn i:after{ opacity:1;}

.hmain1m:hover .hmain1btn:before{ height:100%; opacity:1;}

.hmain1m:hover .hmain1btn{ color:#333;}

.hmain1m:hover img{ top:-80px; transform:scale(1.02);}

.hmain1m:hover .hmain1tit{ top:70px;}

.hmain1m:hover{ box-shadow:0 5px 20px rgba(0,0,0,0.1);}



.hmain2m{ background:#f8f8f8; overflow:hidden; border-radius:10px; margin-top:40px;}

.hmain2slider{ position:relative; height:360px; margin-top:40px;}

.hmain2sliderm{ height:100%;}

.hmain2four{ position:absolute; width:100%; height:100%; z-index:5;top:0; left:0; text-align:center;}

.hmain2four li{ display:inline-block; font-size:0; margin:0 50px;height:100%; position:relative; cursor:pointer;}

.hm2i{ width:100%; position:relative; vertical-align:top; display:block; height:100%;}

.hm2i:before,.hm2i:after{ position:absolute; content:'';left:0;top:0; width:100%; height:100%;}

.hm2li1 .hm2i:before{ background:url(../images/hm2li1.png) center no-repeat;}

.hm2li1 .hm2i:after{ background:url(../images/hm2li1_1.png) center no-repeat;}

.hm2li2 .hm2i:before{ background:url(../images/hm2li2.png) center no-repeat;}

.hm2li2 .hm2i:after{ background:url(../images/hm2li2_1.png) center no-repeat;}

.hm2li3 .hm2i:before{ background:url(../images/hm2li3.png) center no-repeat;}

.hm2li3 .hm2i:after{ background:url(../images/hm2li3_1.png) center no-repeat;}

.hm2li4 .hm2i:before{ background:url(../images/hm2li4.png) center no-repeat;}

.hm2li4 .hm2i:after{ background:url(../images/hm2li4_1.png) center no-repeat;}

.hm2i:after{ opacity:0;}

.hm2li1{ width:174px;}

.hm2li2{ width:47px;}

.hm2li3{ width:185px;}

.hm2li4{ width:219px;}

.hm2h5{ position:absolute; width:300px; left:50%;color:#004ea2; font-size:12px; margin-left:-150px;opacity:0;}

.hm2h5 span{ display:block; font-size:16px; padding-top:2px;}

.hm2h5t{ top:20px;}

.hm2h5b{ bottom:20px;}

.hmain2four .on .hm2i:after{ opacity:1;}

.hmain2four .on .hm2i:before{ opacity:0;}

.hmain2four .on .hm2h5t{ opacity:1; top:0;}

.hmain2four .on .hm2h5b{ opacity:1; bottom:0;}

.hm2h5,.hm2i:before,.hm2i:after,.hm2i{ transition:all 0.5s ease;}





.hmain3{ background:url(../images/hmain3.jpg) center no-repeat; background-attachment:fixed; position:relative; padding-bottom:70px; padding-top:150px;}

.hmain3:before{ position:absolute; content:''; left:0;bottom:0; width:100%;height:250px; z-index:3; background:#fff;}

.hmain3m{ width:957px !important; position:relative; z-index:6;}

.hmain3mam{ width:382px;   }

.hmain3shadow{ box-shadow:0 2px 15px rgba(0,0,0,0.05);border-radius:3px;background:#fff;overflow:hidden; transition: all 0.5s ease;}

.hmain3mb{  position:relative;margin-top:12px;}

.hmain3mbsub{ padding-top:40px; border-bottom:1px solid #eee; text-align:center;}

.hmain3mbsub span{ display:inline-block;color: #333; position:relative; font-size:16px; padding-bottom:18px; margin:0 40px; cursor:pointer;}

.hmain3mbsub span:before{ position:absolute; content:''; width:100%; height:1px; left:0; bottom:5px; background:#004798; opacity:0;}

.hmain3mbtab{ position:relative; height:138px;}

.hmain3mbtab ul{display: none; width:100%; position:absolute;left:0;top:0; background:#fff; padding:0 36px; box-sizing:border-box;}

.hmain3mbtab ul{ width:100%; text-align:center; font-size:12px; line-height:22px; position:absolute;left:0;top:0;}

.hmain3mbtabh5{ font-size:18px; color:#004798; padding:25px 0;}

.hmain3mbtabdesc{ height:66px;font-size: 14px;color: #666;text-align: justify;}

.hmain3mbsub span.on:before{ bottom:-1px; opacity:1;}

.hmain3mbsub span.on{ color:#004798;}

.hmain3mbsub span,.hmain3mbsub span:before{ transition:all 0.3s ease;}

.hmain3shadow:hover{ box-shadow:0 5px 25px rgba(0,0,0,0.1);}







.hmain5{  width:1230px;}

.hmain5 a{ float:left; width:390px; margin-right:30px; transition:all 0.5s ease;}

.hmain5 a:nth-child(3){ margin-right:0;}

.hmain5 a:hover{ box-shadow:0 5px 20px rgba(0,0,0,0.1);}



.hmain6{}

.hmain6 a{ float:left; border:1px solid #e5e5e5; width:100%; box-sizing:border-box; transition:all 0.5s ease; margin-top:50px;}

.hmain6 a:first-child{ margin-top:0;}

.hmain6 a:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);}



.hmian7 li{ position:relative; margin-top:60px; overflow:hidden;}

.hmian7 li img{ transition:all 0.5s ease;}

.hmian7 li:before{ position:absolute; content:'';left:0;top:0; width:100%; height:100%; background:#004798; transition:all 0.5s ease; z-index:3;background: -webkit-linear-gradient(top, rgba(0,71,152,0.2) 0%,rgba(0,71,152,0.8) 100%) ; opacity:0.5;}

.hmian7 li:first-child{ margin-top:0;}

.hmian7txt{ position:absolute; bottom:55px; color:#fff; font-size:15px; z-index:5; width:100%; box-sizing:border-box; width:290px;}

.hmian7txt h3{ font-size:30px; letter-spacing:3px; padding-bottom:10px;}

.hmian7 li:hover:before{ opacity:1;}

.hmian7 li:hover img{ transform:scale(1.03);}



.hmain2m{background: #f8f8f8;border-radius:10px; padding: 30px 0;}

.hmain2mimg{width: 80px;padding:0 70px;}

.hmain2mtxt{line-height: 26px;font-size: 13px;color:#333; overflow: hidden; position: relative; width: 910px; padding-left: 70px; margin-top: 2px;}

.hmain2mtxt:before{ position: absolute; content: '';left:0;top:50%;height: 60px; margin-top: -30px;width: 1px; background: #d2d2d2;}

.hmain2mtxt li{padding-right:70px; width: 365px;float:left; padding-left: 15px; position: relative;font-size: 14px;}

.hmain2mtxt li:before{ position: absolute; content: '';left:0;top:50%;height: 60px; margin-top: -3px;width: 6px;height: 6px; background: #004ea2; border-radius:50%; }





.hmain3mam,.hmain3mb{ position: relative;padding:45px;}

.hmain3mam{padding-top:100px;}

.hmain3mam i,.hmain3mb i{ position: absolute;height: 70px; right:45px;top:30px; background-repeat: no-repeat; background-position: center; display: block;}

.iconoo1{ background-image: url(../images/icon005.png); width: 58px;}

.iconoo2{ background-image: url(../images/icon006.png); width: 59px;}

.iconoo3{ background-image: url(../images/icon007.png); width: 62px;}

.hpubh22{ text-align: left;}

.hmain3mam p{ line-height: 24px;font-size: 15px;color: #333; margin-top: 10px;letter-spacing: 1px;}



.hmian8img i{position: absolute; content: '';top:0;right:0;height: 30px; width: 28px; display:block;opacity:0;background: url(../images/icon008.jpg) center no-repeat; }

.hmian8 a{float:left; width: 278px; text-align: center; cursor: pointer;margin-right:29px; margin-top:20px;}

.hmian8 a:nth-child(4n){margin-right:0;}

.hmian8 a:nth-child(1),.hmian8 a:nth-child(2),.hmian8 a:nth-child(3),.hmian8 a:nth-child(4){margin-top:0;}

.hmian8 p{line-height: 25px;height: 50px;padding: 16px; color:#666;font-size: 14px;}

.hmian8img{ background: url(../images/hmian8img.jpg) center no-repeat; position: relative; height: 262px; overflow: hidden;}

.hmian8img img{ max-width: 90%; max-height: 80%; position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;border:2px solid #4d412a;border-radius:3px;}

.hmian8 a:hover p{ color: #004798}

.hmian8 a:hover i{opacity:1;}

.hmian8 p,.hmian8 i,.hmian8img{transition: all 0.5s ease;}

.hmian8 a:hover .hmian8img{box-shadow:0 5px 20px rgba(0,0,0,0.1);}



.layout{background: #000;opacity: 0.5;-webkit-opacity: 0.5;width:100%;height:100vh;height:100%;position:fixed;left:0;top:0;z-index:999;}

.videolay{position:fixed;left:50%;top:50%;margin-left:-400px;margin-top:-225px;height:450px;z-index:9199;width:800px;background: #000;}

.videolay video{width:100%;height:100%;}

.videolayclose{position:absolute;right:-50px;cursor: pointer;top:0;color:#fff;font-size: 40px !important; transform: rotateZ(45deg);} 

.layout,.videolay{display:none;}



.hmain1m,.hmain1m img,.hmain1tit,.hmain1btn,.hmain1btn i:before,.hmain1btn i:after,.hmain1btn:before{ transition:all 0.5s ease;}

@media screen and (min-width:1921px) {

.pax_bg{ background-size:100% auto;}

}



@media screen and (max-width:1500px) {

	.hmian8 a{

		width: 253px;

	}

}

@media screen and (max-width:1000px) {

	.w12{width: 90% !important;}

	.h12,.hmain1m{width: 100%;}

	.wap_show{display: block;}

	.hmain1,.hmain2,.hmain3,.hmian8 {width: 100% !important;padding-left:5%;padding-right:5%;box-sizing: border-box;}

	.hmain1tit p,.hpubh2{font-size: 18px;line-height: 20px;}

	.hmain1btn{display: none;}

	.pubtb60p,.hmain3{padding:30px 5%;}

	

	.hmain1tit i{display:inline-block;width: 36px;height: 36px; background-size: cover; margin-top: 10px;}

	.hmain1tit{top:50%;transform: translateY(-50%);}

	.hmain1m{ margin-top:20px;}

	.hmain1m:first-child{margin-top:0;}

	.videolay{ width: 90%;margin-left:0;left:5%;height: 300px; margin-top: -150px;}

	.videolayclose{ right: auto; left: 50%; bottom: -60px;top:auto; margin-left: -30px;}

	.hmain1m:hover img{top:0;transform: none;}

	

	.hmain2m{background: none;padding:0;margin:0;}

	.hmain2mimg,.hmain2mtxt{width: 100%;padding:0;}

	.hmain2mimg{text-align: center;background: #fcfcfc;border-radius: 0;padding:20px 0;margin-top: 20px;}

	.hmain2mtxt:before{display:none;}

	.hmain2mtxt{margin-top:20px;}

	.hmain2mtxt li{width: 100%;padding-right:0; box-sizing: border-box;}

	.hmain2mtxt li:before{top:10px;margin-top:0;}

	.hmain2slider{height: 100px;margin-top:20px;padding-top:50px;padding-bottom:50px;}

	.hmain2four{top:50px;}

	.hmain2four li{margin:0; height: 100px;font-size:0;vertical-align: top;margin:0 5px;}

	.hm2li1{width: 62px;}

	.hm2li2{width: 21px;}

	.hm2li3{width: 84px;}

	.hm2li4{width: 99px;}

	.hm2i:before, .hm2i:after{ background-size: cover !important}

	.hm2h5{font-size:12px;}

	.hm2h5 span{font-size:14px;}

	.hm2h5t{top:-30px;}

	.hm2h5b{bottom:-30px;}

	.hmain2four .on .hm2h5t{top:-50px;}

	.hmain2four .on .hm2h5b{bottom:-50px;}

	

	.hmain3m{width:100% !important;}

	.hmain3mam, .hmain3mb{width:100%;padding:20px; box-sizing: border-box;margin-top:20px;}

	.hmain3mam:first-child{margin-top:0;}

	.hmain3mam i, .hmain3mb i{opacity:0.2;}

	.hmain3mam p{padding-right:40px;font-size: 14px;}

	.hmain3mam i,.hmain3mb i{right:0;bottom:0;top:auto;}

	.hmain3mbsub,.hmain3mbtab{display: none;}

	.hmain3mbtabh5{padding: 10px 0;padding-bottom: 0;}

	.hmain3mbtabdesc{margin-top:5px; height: auto;}

	.hmain3:before{display:none;}

	.fiveslider{padding-right:40px; box-sizing: border-box;}

	.fiveslider .swiper-slide{background: #fff;}

	.fivepage{margin-top:20px;}

	.fivepage .swiper-pagination-bullet{width: 27px;height: 2px;background-color: #999999;border-radius: 0; margin-right: 5px;}

	.fivepage .swiper-pagination-bullet-active{background: #1995c9;}

	

	/* .hmian8 a{width:100%;margin-right:0; margin-top: 20px !important; box-shadow: 0 2px 20px rgba(0,0,0,0.08);}

	.hmian8 a:first-child{margin-top:0 !important;}

	.hmian8img{background-size: cover;} */


	.hmian8 a{width:49%;margin-right:2%; margin-top: 20px !important; box-shadow: none;}
	
		.hmian8 a:nth-child(-n+2){margin-top:0 !important;}
	.hmian8 a:nth-child(2n){
		margin-right: 0;
	}
	.hmian8 p{
		line-height: 20px;
	}
		.hmian8img{background-size: cover;height: 185px;}

	.hmian8img img{ max-width: 90%; max-height: 90%;}
	.hmain3mbtabdesc p{
		font-size: 14px !important;
		color: #666;
	}
}

@media screen and (max-width:330px) {
	.hmain2four li:nth-child(1){
		width: 45px;
		height: 60px;
	}
	.hmain2four li:nth-child(2){
		width: 14px;
		height: 60px;
	}
	.hmain2four li:nth-child(3){
		width: 50px;
		height: 60px;
	}
	.hmain2four li:nth-child(4){
		width: 55px;
		height: 57px;
	}
	.hmain3{
		background-attachment: initial;
	}
	
	
	
	
}